<!DOCTYPE html>
<html lang="zh-CN">





<head><meta name="generator" content="Hexo 3.8.0">
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="/img/apple-touch-icon.png">
  <link rel="icon" type="image/png" href="/img/favicon.png">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="description" content="简单记录生活">
  <meta name="author" content="唐哼哼">
  <meta name="keywords" content="唐哼哼|到此一游">
  <title>唐哼哼</title>
  <link rel="stylesheet" href="/lib/font-awesome/css/all.min.css">
  <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="/lib/mdbootstrap/css/mdb.min.css">
  <link rel="stylesheet" href="/lib/github-markdown/github-markdown.min.css">
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_1067060_qzomjdt8bmp.css">
  
    <link rel="stylesheet" href="/lib/prettify/tomorrow-night-eighties.min.css">
  
  <link rel="stylesheet" href="/css/main.css">

  
<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>


<body>
  <header style="height: 100vh;">
    <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand" href="/">&nbsp;<strong>唐哼哼</strong>&nbsp;</a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          <li class="nav-item">
            <a class="nav-link" href="/">Home</a>
          </li>
        
          
          
          <li class="nav-item">
            <a class="nav-link" href="/archives/">Archives</a>
          </li>
        
          
          
          <li class="nav-item">
            <a class="nav-link" href="/categories/">Categories</a>
          </li>
        
          
          
          <li class="nav-item">
            <a class="nav-link" href="/tags/">Tags</a>
          </li>
        
          
          
          <li class="nav-item">
            <a class="nav-link" href="/about/">About</a>
          </li>
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" data-toggle="modal" data-target="#modalSearch">&nbsp;&nbsp;<i class="iconfont icon-search"></i>&nbsp;&nbsp;</a>
          </li>
        
      </ul>
    </div>
  </div>


</nav>

    <div class="view intro-2"
         style="background: url('/img/default.png')no-repeat center center;
           background-size: cover;
           background-attachment: fixed;">
      <div class="full-bg-img">
        <div class="mask rgba-black-light flex-center">
          <div class="container text-center white-text fadeInUp">
            <span class="h2" id="subtitle">
              
            </span>

            
          </div>

          
            <div class="scroll-down-bar">
              <i class="fa fa-angle-down scroll-down-arrow"></i>
            </div>
          
        </div>
      </div>
    </div>
  </header>

  <main>
    
      <div class="container nopadding-md">
        <div class="py-5 z-depth-3" id="board">
          
          <div class="container">
            <div class="row">
              <div class="col-12 col-md-10 m-auto">
                


  <div class="row mb-4 mx-auto">
    
    
    <div class="col-12 col-md-8 m-auto">
      <a href="/2019/04/25/nodejs-server/">
        <p class="h4 index-header">用nodejs快速搭建简易web服务器</p>
        
        
          
        
        <div class="index-excerpt">
          <div class="index-text mb-1">安装登录nodejs官网 https://nodejs.org/zh-cn/，下载nodejs安装文件。

//TODO nodejs 也可以通过nvm(node version manager)安装

安装完成 ， 查看版本
node -v

开始编写
新建文件夹 NodeServer
进入文件夹新建文件 server.js

var express = require('express'); 
var app = express(); 

app.route('/').get(function(req,res){
  res.send("哈哈哈哈你好啊");
})

app.listen(3000, function () { 
console.log('Listening on port, process.cwd(): ' + process.cwd() ); 
}); 


运行
因为server服务引用了Express框架 ,所以此处要安装express的依赖

安装方法,使用nodejs自带的包版本管理 npm 指令

npm install express

安装完成后，</div>
        </div>
      </a>

      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-04-25&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E5%BC%80%E5%8F%91">开发</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/%E5%89%8D%E7%AB%AF">前端</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
    <div class="col-12 col-md-8 m-auto">
      <a href="/2019/04/18/mpvue/">
        <p class="h4 index-header">微信小程序搭建 mpvue</p>
        
        
          
        
        <div class="index-excerpt">
          <div class="index-text mb-1">mpvueVue.js in mini program项目地址 mpvue

用 vue 写小程序，使用 mpvue 框架重写 WeUI。mpvue 是由美团点评开源的，一个使用 Vue.js 开发小程序的前端框架，目前支持 微信小程序、百度智能小程序，头条小程序 和 支付宝小程序。 框架基于 Vue.js，修改了的运行时框架 runtime 和代码编译器 compiler 实现，使其可运行在小程序环境中，从而为小程序开发引入了 Vue.js 开发体验。

主要特性使用 mpvue 开发小程序，你将在小程序技术体系的基础上获取到这样一些能力：

彻底的组件化开发能力：提高代码复用性
完整的 Vue.js 开发体验
方便的 Vuex 数据管理方案：方便构建复杂应 用
快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotReload
支持使用 npm 外部依赖
使用 Vue.js 命令行工具 vue-cli 快速初始化项目
H5 代码转换编译成小程序目标代码的能力

项目初始化注：如果没有安装node环境的请先去网上下载node.js下来安装，安装后默认安装npm了

到你要</div>
        </div>
      </a>

      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-04-18&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E5%BC%80%E5%8F%91">开发</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/%E5%89%8D%E7%AB%AF">前端</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
    <div class="col-12 col-md-8 m-auto">
      <a href="/2019/04/18/website-theme/">
        <p class="h4 index-header">网站的主题</p>
        
        
          
        
        <div class="index-excerpt">
          <div class="index-text mb-1">关于主题开始hexo-theme-matery换成next
</div>
        </div>
      </a>

      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-04-18&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E4%B8%AA%E4%BA%BA">个人</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/%E7%BD%91%E7%AB%99">网站</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
    <div class="col-12 col-md-8 m-auto">
      <a href="/2019/04/16/my-website/">
        <p class="h4 index-header">我的网站！</p>
        
        
          
        
        <div class="index-excerpt">
          <div class="index-text mb-1">起因以前用的是wordpress，结合php，mysql搭建个人博客，最后无疾而终。

找不到喜欢的主题样式，面对php的页面也无从下手
装了一大堆插件、邮件通知、安全防护之类的，徒增服务器维护成本
服务器的钱、域名的钱需要一笔支出

基于以上原因，结合github这个神奇的网站，才有了现在这个博客。
hexo + github-page + git + gittalk + vscode 就能搭建这个网站，于我来说，很好了解决上述三个问题。好看的样式主题很多，毕竟这个圈子里的前端大神很多O(∩_∩)O~~，不用担心服务器维护和硬件、域名的资费。。开心
并且这种基于纯markdown，使用本地IDE编写博客的形式更符合像我这样的程序员的习惯。
搭建步骤可以Google一下关键词查找攻略，这里不再赘述

Hexo 搭建 博客

有需要的话，可以在底部留言给我~
</div>
        </div>
      </a>

      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-04-16&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E4%B8%AA%E4%BA%BA">个人</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/%E6%96%B0%E4%BA%BA">新人</a>&nbsp;
          
            <a href="/tags/%E7%BD%91%E7%AB%99">网站</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
    <div class="col-12 col-md-8 m-auto">
      <a href="/2019/04/16/start-an-undertaking/">
        <p class="h4 index-header">创业从0到1！</p>
        
        
          
        
        <div class="index-excerpt">
          <div class="index-text mb-1">关于创业现状目前我在一家startup上班，平时做服务端JAVA开发，服务器部署、运维，数据库设计，接口设计，后台管理页面开发(基于Vue前后端分离)，同时涉猎一些产品设计相关，偶尔用用axure，操心一下app开发的交互逻辑和动效。
目前公司算是在曲折前进，不奢求创业就成功，与合伙人们这次创业的失败率很可能高达99.9999%，前途可谓一片迷茫。
变化好在从原先的公司跳出来，加入一个小团队从零开始奋斗的这段时间，我的工作能力思考方式都有了很大的转变。原先的公司，从市场、运营、产品、设计、开发、测试、运维都有相应的专业团队在负责。甚至不同的事业部和事业部之间的功能拼接都有专门的对接团队。
自己要做的就是每天清理自己的bug，完善自己的功能，把代码写得越来越清晰就可以了。然后就是提交日报、周报、收发邮件、经费报销等等。都是既定事务的内容，所有应该做的事情早就写在了你的计划安排里。每天可谓是井井有条。
而现在，哪里需要就去哪里。成员配备并不齐全，我们只能在有限的资源下，做尽可能好、尽可能对的事情。工作强度要大于以前，但由于每件事情都有明确的目标，干起活来也是充满斗志的。
反思初期做了很多错</div>
        </div>
      </a>

      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-04-16&nbsp;&nbsp;
        
        
          <i class="iconfont icon-inbox"></i>
          
            <a href="/categories/%E4%B8%AA%E4%BA%BA">个人</a>&nbsp;
          &nbsp;
        
        
          <i class="iconfont icon-tag"></i>
          
            <a href="/tags/%E5%88%9B%E4%B8%9A">创业</a>&nbsp;
          
        
      </div>
    </div>
  </div>

  <div class="row mb-4 mx-auto">
    
    
    <div class="col-12 col-md-8 m-auto">
      <a href="/2019/04/16/hello-world/">
        <p class="h4 index-header">Hello World</p>
        
        
          
        
        <div class="index-excerpt">
          <div class="index-text mb-1">Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post$ hexo new "My New Post"

More info: Writing
Run server$ hexo server

More info: Server
Generate static files$ hexo generate

More info: Generating
Deploy to remote sites$ hexo deploy

More info: Deployment
</div>
        </div>
      </a>

      <div>
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-04-16&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>





              </div>
            </div>
          </div>
        </div>
      </div>
    
  </main>

  
    <a class="z-depth-1" id="scroll-top-button" href="#" role="button">
      <i class="fa fa-chevron-up scroll-top-arrow" aria-hidden="true"></i>
    </a>
  

  
    <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v" for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>
  

  <footer class="mt-5">
  <div class="text-center py-3">
    <a href="https://hexo.io" target="_blank" rel="nofollow noopener"><b>Hexo</b></a>
    <i class="iconfont icon-love"></i>
    <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener"> <b>Fluid</b></a>
    <br>
    
  </div>
</footer>

<!-- SCRIPTS -->
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/popper/popper.min.js"></script>
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/lib/mdbootstrap/js/mdb.min.js"></script>
<script src="/js/main.js"></script>

  <script src="/js/lazyload.js"></script>



  <script src="/lib/prettify/prettify.min.js"></script>
  <script>
    $(document).ready(function () {
      $('pre').addClass('prettyprint linenums');
      prettyPrint();
    })
  </script>


  <script src="/lib/typed/typed.min.js"></script>
  <script>
    var typed = new Typed('#subtitle', {
      strings: [
        '  ',
        "我要忘了你的眼睛&nbsp;",
      ],
      cursorChar: "_",
      typeSpeed: 70,
      loop: false,
    });
    typed.stop();
    $(document).ready(function () {
      $(".typed-cursor").addClass("h2");
      typed.start();
    });
  </script>


  <script src="/lib/anchor/anchor.min.js"></script>
  <script>
    anchors.options = {
      placement: "right",
      visible: "false",
      
    };
    var el = "h1,h2,h3,h4,h5,h6".split(",");
    var res = [];
    for (item of el) {
      res.push(".markdown-body > " + item)
    }
    anchors.add(res.join(", "))
  </script>



  <script src="/js/local-search.js"></script>
  <script>
    var path = "/local-search.xml";
    var inputArea = document.querySelector("#local-search-input");
    inputArea.onclick = function () {
      getSearchFile(path);
      this.onclick = null
    }
  </script>


</body>
</html>
